<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>Themes</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<link rel="stylesheet" type="text/css" href="css/new_file.css" />
		<link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" />
	</head>

	<body>
		<nav>
			<div class="container">
				<div class="row">
					<div class="col-md-9 col-3">
						<a href="#">Themes</a>
					</div>
					<div class="col-md-1 col-3">
						<a href="#">Themes</a>
					</div>
					<div class="col-md-1 col-3">
						<a href="#">About</a>
					</div>
					<div class="col-md-1 col-3">
						<a href="#">FAQ</a>
					</div>
				</div>
			</div>
		</nav>

		<div class="themes">

			<div class="container">
				<div class="b">
					<h1>B</h1>
				</div>
				<div class="t">
					<h2>Themes</h2>
					<p>Customize and extend</p>
					<button>Explore</button>
				</div>
				<div class="row">
					<div class="col-md-4 col-12 mb-5">
						<img src="img/2019-04-07_194242.png" />
						<h5>Components and examples</h5>
						<p>Each theme features new components</p>
					</div>
					<div class="col-md-4 col-12 mb-5">
						<img src="img/2019-04-07_194324.png" />
						<h5>Tos of variables</h5>
						<p>Theme components inberit much</p>
					</div>
					<div class="col-md-4 col-12 mb-5">
						<img src="img/2019-04-07_194344.png" />
						<h5>Source files and tools</h5>
						<p>Each theme includes components</p>
					</div>
				</div>

			</div>

		</div>

		<div class="team">
			<div class="container">
				<h5>Team</h5>
				<div class="row">
					<div class="col-md-4 col-12 mb-5 c">
						<div class="y">
							<img src="img/insta-1.jpg" />

							<img src="img/avatar-fat.jpg" />

							<div class="z ">
								<p>Jacob Thornton</p>
								<p>Creator of Bootstrap, enginner ay Twitter<br /> & Medium. Founder of Bumpers.
								</p>
								<button>View GitHub</button>
							</div>
						</div>
					</div>
					<div class="col-md-4 col-12 mb-5 c">
						<div class="y">
							<img src="img/insta-2.jpg" />

							<img src="img/avatar-mdo.jpg" />

							<div class="z ">
								<p>Mark Otto</p>
								<p>Design at GitHub. Creator of Bootstrap.<br /> Previously at Twitter. Huge nerd.
								</p>
								<button>View GitHub</button>
							</div>
						</div>
					</div>
					<div class="col-md-4 col-12 mb-5 c">
						<div class="y">
							<img src="img/insta-3.jpg" />

							<img src="img/avatar-dhg.png" />

							<div class="z">
								<p>Dave Gamache</p>
								<p>Design at Twitter & Medium. Starting<br />something new soon;)
								</p>
								<button>View GitHub</button>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="explore">
			<div class="container e">
				<div class="row">

					<div class="col-md-9 col-12">
						<h5>C'mon,check out the themes!</h5>
						<p>Now you know what we're about, so peep the goods!</p>
					</div>
					<div class="col-md-3 col-12">
						<button>Explore</button>
					</div>

				</div>
			</div>
		</div>

		<footer>
			<div class="container">
				<div class="j">
					<div class="row">
						<div class="col-md-2">
							<a href="#">About</a>
						</div>
						<div class="col-md-2 ">
							<a href="#">Terms</a>
						</div>
						<div class="col-md-2 ">
							<a href="#">Privacy</a>
						</div>
						<div class="col-md-2">
							<a href="#">Licenses</a>
						</div>
						<div class="col-md-2 ">
							<a href="#">FAQ</a>
						</div>
						<div class="col-md-2">
							<a href="#">Bootstrap</a>
						</div>
					</div>
				</div>
			</div>
		</footer>
		<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
		<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
		<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
	</body>

</html>